首页 > Cms文章 > PB 教程 > Pbootcms文章 > > pbootcms导航菜单的调用使用技巧教程

pbootcms导航菜单的调用使用技巧教程

时间 : 2022-07-30 编辑 :超级管理员

1、调用代码样式

{pboot:nav}
<a href="[nav:link]">[nav:name]</a>
{/pboot:nav}

2、控制参数

num=* 数量，非必填，用于控制输出的数量

parent=* 父菜单编码，非必填，用于控制输出列表的父菜单编码，默认0，即从一级菜单开始输出

parent={sort:pcode} 可用于输出当前栏目的同级菜单

parent={sort:scode} 可用于输出当前栏目的子菜单

parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单

3、常见标签

[nav:n]	序号，从0开始
[nav:i]	序号，从1开始
[nav:pcode]	父栏目编码
[nav:scode]	当前栏目编码
[nav:name]	栏目名称
[nav:subname]	栏目副名称
[nav:link]	栏目链接
[nav:type]	栏目类型，1单页、2列表
[nav:outlink]	后台设置的跳转链接
[nav:listtpl]	列表页模板
[nav:contenttpl]	详情页模板
[nav:ico]	栏目缩略图
[nav:pic]	栏目大图
[nav:keywords]	栏目关键字
[nav:description]	栏目描述
[nav:soncount]	当前栏目子栏目的数量，无子栏目时为0
[nav:rows]	输出栏目下内容数量（V1.3+）
[nav:def1]	栏目描述1（V3.0.6+）
[nav:def2]	栏目描述2（V3.0.6+）
[nav:def3]	栏目描述3（V3.0.6+）

4、常见案例

4.1 高亮菜单

使用判断语句：{pboot@if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot@if}

首页特殊用法：{pboot@if(0=='{sort:scode}')}class="active"{/pboot@if}

4.2 二级带单嵌套

{pboot:nav}                   

  <a href= "[nav:link]">[nav:name]</a>

  {pboot:2nav parent=[nav:scode]}

    <a href= "[2nav:link]">[2nav:name]</a>

  {/pboot:2nav}

{/pboot:nav}

4.3 三级菜单嵌套

{pboot:nav}                   

  <a href= "[nav:link]">[nav:name]</a>

  {pboot:2nav parent=[nav:scode]}

    <a href= "[2nav:link]">[2nav:name]</a>

    {pboot:3nav parent=[2nav:scode]}

      <a href= "[3nav:link]">[3nav:name]</a>

    {/pboot:3nav}

  {/pboot:2nav}

{/pboot:nav}

在基础上，我们后面只要修改CSS样式调整即可。

头条文章